body,ul,li{
	margin:0; 
	padding:0; 
	font:12px/18px arial;/*字号大小为12px,行间距为18px*/
}
ul{
	list-style:none;/*不显示列表项的前导符*/
}
.box{
	width:400px;
	margin:20px auto;/*使盒子在窗口中水平居中*/
}
.hide{
	display:none;/*隐藏内容块*/
}
#tab{
	height:25px;
	border-bottom:1px solid #ccc;
}
li{
	float:left; /*浮动排版*/ 
	width:80px; 
	height:24px;/*等于ul的高度减去ul的边框线的高度*/ 
	line-height:24px; /*使选项卡上的文本垂直居中*/
	margin:0 4px; 
	text-align:center; 
	border:1px solid #ccc; 
	border-bottom:0; 
	background:#f5f5f5; 
	cursor:pointer; /*使鼠标移到选项卡上时变成手指形状*/
}
.act{ /*选择器必须写#tab li.act，如果写成li.act或.act都将无法覆盖#tab li的样式;如果列表使用的选择器为li，则使用li.act或.act.act都可以覆盖li的样式*/
	height:25px;/*高度值必须为25px,不能是24px，否则会看到ul(tab)的上边框线*/
	background:#ffffff;
}
#content{
	border:1px solid #ccc; 
	border-top:0; 
	padding:20px;
	height:200px;
}
